<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link rel="stylesheet" href="/carple/styles/newGlobalHeader.css" />
<link rel="stylesheet" href="/carple/styles/common_v2.css" />
<script type="text/javascript">
	if (screen.availWidth > 1024) {
		document.write ('<LINK href="/carple/styles/defaultDiv.css" type="text/css" rel="stylesheet">');
	}
	else {
		document.write ('<LINK href="/carple/styles/defaultDiv2.css" type="text/css" rel="stylesheet">');
	}
</script>
<script type="text/javascript">
function checkuid() {
	var	form = document.login;
	var id_pattern = new RegExp('^[a-z][\w.-]+@\w[\w.-]+\.[\w.-]*[a-z][a-z]$/'); //아이디
	var passwd_pattern = new RegExp('[^a-zA-Z0-9]'); //비밀번호

	// 아이디 체크
	if (!form.id.value.length || id_pattern.test(form.id.value)) {
		alert("이메일 아이디로 입력해 주세요.");
		form.id.value = "";
		form.id.focus();
		return;
	}

	// 비밀번호 체크
	if(form.pass.value=="") {
		alert("비밀번호를 정확하게 입력해 주세요.");
		form.pass.value = "";
		form.pass.focus();
		return;
	}

	form.action = "/carple/account/login.action";
	form.submit();

}

function idPwSearch(){
	MM_openBrWindow("/Membership/IdPwSearch.html", "UserMenu", "location=no, directories=no,resizable=no,status=no,toolbar=no,menubar=no, width=452,height=300, scrollbars=no",452,300);
}

function secureConPop(){
	MM_openBrWindow("http://www.jjang0u.com/popup_secure.html", "UserSecure", "location=no, directories=no,resizable=no,status=no,toolbar=no,menubar=no, width=468,height=473, scrollbars=no",468,473);
}
</script>
</head>
<body onLoad="mMenu('')">
<div id="jjangDiv">
	<div id="body_main">
		<div id="sub_top">
			<div id="rel_header" style="position:relative;">
				<ul style="margin:0px;">
					<li class="mn01">
						<a href="/carple/index.jsp">
							<img src="/carple/image/sub_bi.jpg" alt="짱공유"/>
						</a>
					</li>
					<li class="mn02">
						<span class="mn">
							<a href="http://www.jjang0u.com/Membership/inputLogin.html?redir=/" onfocus=this.blur()><img src="/carple/image/logIn.gif" alt="로그인버튼">
							</a>
						</span>
						<span class="sep">
							<img src="/carple/image/top_sep.gif" alt="sep">
						</span>
						<span class="mn">
							<a href="/carple/board/list.action" onfocus="this.blur();">
								찰카닥
							</a>
						</span>
						<span class="sep">
							<img src="/carple/image/top_sep.gif" alt="sep"/>
						</span>
						<span class="mn">
							<a href="/carple/carsharing/registerform.action" onfocus="this.blur();">
								글쑤시게
							</a>
						</span>
						<span class="sep">
							<img src="/carple/image/top_sep.gif" alt="sep"/>
						</span>
						<span class="mn">
							<a href="http://www.jjang0u.com/HelloTV/main.html" onfocus="this.blur();">
								헬로우TV
							</a>
						</span>
						<span class="sep">
							<img src="/carple/image/top_sep.gif" alt="sep">
						</span>
						<span class="mn">
							<a href="http://www.jjang0u.com/Gameworld/main.html" onfocus="this.blur();">
								겜짱
							</a>
						</span>
						<span class="sep">
							<img src="/carple/image/top_sep.gif" alt="sep"/>
						</span>
						<span class="mn">
							<a href="http://www.jjang0u.com/Realgg/main.html" onfocus="this.blur();">
								시티헌터
							</a>
						</span>
					</li>
				</ul>
			</div>


			<table cellpadding="0" cellspacing="0" border="0" align="center" style="width:880px; height:15px;background-color:#527dff;background-repeat:no-repeat; clear:both;">
				<tr>
					<td>
						<div style="margin-left:20px;color:#fff" id="thirdDepth" ></div>
					</td>
					<td style="width:10px;">&nbsp;</td>
				</tr>
			</table>
			<!-- 3Depth  메뉴 테이블 끝 -->
			<table cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td height="6"></td>
				</tr>
			</table>			
		</div>
		
		<div id="board_main">
			<table cellpadding="0" cellspacing="0" border="0" align="center" width="765">
				<form name="login"  method="post">
					<input type="hidden" name="returnuri" value='<%= request.getParameter("returnuri") == null ? "" : request.getParameter("returnuri") %>' />				
						<tr>
							<td colspan="3">
								<img src="/carple/image/membership_login_top.jpg" width="765" height="21">
							</td>
						</tr>
						<tr>
							<td width="12" valign="top" background="/carple/image/membership_login_left.jpg">
							</td>
							<td>
								<table cellpadding="0" cellspacing="0" border="0">
									<tr>
										<td height="34"></td>
									</tr>
									<tr>
										<td valign="top" height="60"><img src="/carple/image/membership_login_title.jpg" width="741" height="60">
										</td>
									</tr>
									<tr>
										<td>
											<table cellpadding="0" cellspacing="0">
												<tr>
													<td width="388" valign="top">
														<table style="margin:0" border="0" cellpadding="0" cellspacing="0" style="width:388px; height:250px;">
															<tr>
															<td height="5" colspan="3" valign="bottom" style="vertical-align: bottom;padding:0px;margin:0px"><img src="/carple/image/membership_login_top_2.jpg" width="388" style="margin:0;padding:0;height:12px" /></td>		
															</tr>
															<tr>
																<td style="padding:0;margin:0" width="31" height="216" background="/carple/image/membership_login_left_2.jpg">
																</td>
																<td width="347" valign="top">
																	<table width="347" border="0" cellpadding="0" cellspacing="0">
																		<tr style="background-color: orange">
																			<td width="90" height="46" align="right">아이디<br>패스워드
																			</td>
																			
																			<td width="153" align="center">
																				<input name="id" type="text" value="" style="width:140px;" tabindex="1"><br>
																				<input name="pass" type="password" style="width:140px;" tabindex="2">
																			</td>
																			<td style="padding:0;margin:0" width="104" align="center" valign="middle">
																				<input type="image" onclick="checkuid();" src="/carple/image/membership_login_icon_1.jpg" width="68" height="46" border="0" tabindex="3">
																			</td>
																		</tr>
																		<tr>
																			<td height="37" colspan="3" align="center">
																				<input type='checkbox' name="save_id" onFocus="this.blur()" value="YES">
																					아이디저장 | 
																				<input  type="checkbox" name="secure_co" onFocus="this.blur()" value="YES">
																					보안접속 
																			</td>
																		</tr>
																		<tr>
																			<td height="39" colspan="3" align="center">
																				<a href="javascript:idPwSearch();" onfocus="this.blur();">
																					<img src="/carple/image/membership_login_icon_3.jpg" height="24" border="0">
																				</a> 
																				<a href="/Membership/inputAgree.html" onfocus="this.blur();">
																					<img src="/carple/image/membership_login_icon_4.jpg" width="93" height="24" border="0">
																				</a> 
																			</td>
																		</tr>
																		<tr>
																			<td height="104" colspan="3" valign="top" bgcolor="#F6F6F6" style="padding-left:30px; padding-right:30px; padding-top:20px;">
																				- 로그인 하시면 선택하신 서비스를 제공 받으실 수<br>&nbsp;&nbsp;있습니다.<br><br> - 아직 회원이 아니신 분께서는 회원가입을 <br> &nbsp;&nbsp;해 주시기 바랍니다.
																			</td>
																		</tr>
																	</table>
																</td>
																<td width="10" valign="top" background="/carple/image/membership_login_right_2.jpg">
																</td>
															</tr>
															<tr>
																<td height="12" colspan="3" valign="top">
																	<img src="/carple/image/membership_login_btm_2.jpg" width="388" height="12">
																</td>
															</tr>
														</table>
													<!-- 아이디 패스워드 입력 테이블 E-->
													</td>
												</tr>
											</table>
										</td>
									</tr>
								<tr>
									<td style="height:50px;"></td>
								</tr>
							</table>
						</td>
						<td width="12" valign="top" background="/carple/image/membership_login_right.jpg">
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<img src="/carple/image/membership_login_btm.jpg" width="765" height="21">
						</td>
					</tr>
				</form>
			</table>
		</div>
</body>
</html>